﻿<html>
<head>
<title>CSS3 Border Image Test </title>

<style type="text/css" id="internalStyle">
p {border-image: tile("nist.gif", 50%, 50%, 50%, 50%) repeat-x; border-style: solid;
   }
h3 {border-image: tile("ovalbbut.gif", 33%, 33%, 33%, 33%) repeat-y; border-style: solid;}
</style>
</head>

<body>




<h1>CSS3 Border Image Test</h1>





<ul>
<li>
The "border-image" property Specifies an image to use instead of the border styles
 given by the border-style properties and an additional background image for the element..
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
NOTE: This property may not be implemented yet.
<p>
If statement above is true, this paragraph should have a border image of
of tile(nist.gif, 50%, 50%, 50%, 50%) repeat-x.
The rule applied is "p {border-image: tile(nist.gif, 50%, 50%, 50%, 50%) repeat-x;}"
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</p>
<h3>
This h3 heading should have a border-image of tile(ovalbbut.gif, 33%, 33%, 33%, 33%) repeat-y.
The rule applied is "h3 {border-image: border-image: tile(ovalbbut.gif, 33%, 33%, 33%, 33%) repeat-y;}"
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</h3>

<p>
All other properties of this page should be UA-default.
This is a paragraph like the one above, so should also have
the same border-image setting. Border-style of solid is applied to all rules, so that 
if the image specified is unavailable a solid border will appear. 
</p>

</body>
</html>
